<div id="atarea">
	<input type="hidden" name="wall_type" value="photo" />
	<input type="hidden" value="0" name="val[group_id]" />	
	<div id="atahd">
		<a href="javascript:void(fwall.hdc())" class="ataic wall_close">.</a>
		<div class="wall_photo">Photo</div>
	</div>
	<div class="clear"></div>
	<div id="atabd">

                <div class="table">
                <div class="table_right">
                    <input type="checkbox" id="checkbox_choose_category" checked name="val[checkbox_choose_category]" onclick="var check=$('#checkbox_choose_category').attr('checked');if(check==true)$('#choose_category_photo').css('display','block');else $('#choose_category_photo').css('display','none');"/><span style="padding-left: 3px;">Choose Category</span>&nbsp;
            
        </div>
    </div>

		<div class="table">
			<div class="table_left">
				{phrase var='photo.select_photo_s'}:
			</div>
			<div class="table_right">
				<input type="file" name="image[]" />
				<div id="js_progress_uploader"></div>
			</div>
		</div>

            <div class="table">
		<div class="table_left">
				<span class="required">*</span>Photo Name:
		</div>
		<div class="table_right">
			<input type="text" id="title" size="30" value="" name="val[title]" />
           
		</div>
	</div>

            <div id="choose_category_photo">
   <div class="table">
       <div class="table_left">Category:</div>
       <div class="table_right">
            <select name="val[search_book]" id="search_book" style="width:175px;">
                {foreach from=$aRows item=aRow}
                <optgroup label="{$aRow.name}">
                    {foreach from=$aRow.book item=book}
                    <option value="{$book.book_id}">{$book.name}</option>
                    {/foreach}
                </optgroup>
                {/foreach}
            </select>
         </div>
   </div>

      <div class="table">
           <div class="table_left">Chapter:</div>
           <div class="table_right">
                <input type="text" name="val[chapter]" value="1" size="1" style="text-align:center;" onclick="if (this.value != '') this.value = '';" onblur="if (this.value == '') this.value = '1';"/>
            </div>
        </div>

       <div class="table">
           <div class="table_left">Verse:</div>
           <div class="table_right">
                <input type="text" name="val[page]" value="1" size="1" style="text-align:center;" onclick="if (this.value != '') this.value = '';" onblur="if (this.value == '') this.value = '1';"/>
            </div>
        </div>
                
            </div>


        <div class="extra_info">
                {phrase var='photo.you_can_upload_a_jpg_gif_or_png_file'}
                {if $iMaxFileSize !== null}
                <br />
                {phrase var='photo.the_file_size_limit_is_file_size_if_your_upload_does_not_work_try_uploading_a_smaller_picture' file_size=$iMaxFileSize|filesize}
                {/if}
            </div>    
	</div>
</div>



